{% extends 'wancake/base_nav_frame.html' %}
{% load staticfiles %}
{% block content %}
  <div id="wb-userlist-content">
    <div class="row panel panel-default">
      <div class="panel-heading">
        <h4 class="wb-panel-wigdet">用户列表</h4>
        <div class="wb-panel-wigdet-right input-group col-sm-offset-3 col-sm-6 col-md-offset-3 col-md-6">
          <input type="text" class="form-control" placeholder="请输入要查找的@用户名或#业务号">
          <span class="input-group-btn">
            <button type="button" class="btn btn-default">查找</button>
          </span>
        </div>
        <div class="clearfix"></div>
      </div>
      <table class="table">
        <thead>
          <tr>
            <td>名称</td>
            <td>业务号</td>
            <td>创建时间</td>
            <td>订购数</td>
            <td>点播时长</td>
            <td>最近访问时间</td>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
          <tr>
            <td>张三</td>
            <td>00001003322</td>
            <td>2015-06-13</td>
            <td>8</td>
            <td>314.6小时</td>
            <td>2015-06-15 07:32:43</td>
          </tr>
        </tbody>
      </table>
      <div class="panel-footer">
        <div class="btn-group wb-table-pager">
          <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-step-backward"></span></button>
          <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-triangle-left"></span></button>
          <button type="button" class="btn btn-default">1</button>
          <button type="button" class="btn btn-default">2</button>
          <button type="button" class="btn btn-default">3</button>
          <button type="button" class="btn btn-default">4</button>
          <button type="button" class="btn btn-default">5</button>
          <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-triangle-right"></span></button>
          <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-step-forward"></span></button>
        </div>
      </div>
    </div>
  </div>
{% endblock %}